* {
  margin: 0;
  padding: 0;
}
body,
head,
header {
  width: 100%;
  color: #333333;
  font-family: "微软雅黑";
}
li {
  list-style: none;
}
a,
a:hover,
a:link,
a:visited{
  text-decoration: none;
  color: #333333;
}
em,i{
  font-style: normal;
}
.left {
  float: left;
}
.right {
  float: right;
}
/*选中状态*/
.active {
  color: #fca806;
}
/*清除浮动*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
/* 图标字体 */
@font-face {
  font-family: "iconfont";
  src: url("iconfont.eot"); /* IE9*/
  src: url("iconfont.eot#iefix") format("embedded-opentype"),
    /* IE6-IE8 url("iconfont.woff") format("woff"), */
    /* chrome, firefox url("iconfont.ttf") format("truetype"), */
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
      url("iconfont.svg#iconfont") format("svg"); /* iOS 4.1- */
}
/* 隐藏 */
.hide-us{  
  display: none;
}
/* 版心 */
.w {
  width: 62.5%;
  margin: 0 auto;
}
/*头部*/

header {
  height: 30px;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
}
.header_wrap {
  height: 30px;
  font-size: 10px;
}
.header_wrap .iconfont {
  font-family: "iconfont" !important;
  font-size: 15px;
  font-style: normal;
  color: #fcc006;
}
#switch {
  color: #fca806;
}
.header_wrap li {
  float: left;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  float: left;
}
#back_home {
  color: #25a1d7;
}
.header_wrap .right a:hover {
  color: #25a1d7;
}
/* 城市切换表 */
header{
  position: relative;
}
.city_switchover{
  position: absolute;
  left: 20.5%;
  top: 0px;
  z-index: 2;
}
.city_switchover .hot_citys{
  width: 255px;
  height: 160px;
  background-color: #f5f5f5;
  box-shadow: 2px 2px 10px #ccc;
}
.city_switchover .transition{
  width: 60px;
  height: 31px;
  /* border-left: 1px solid #ccc;
  border-right: 1px solid #ccc; */
}
.hot_citys .hot_city_title{
  font-size: 10px;
  color: #fca806;
  font-weight: 700;
  padding: 5px 6px;
  border-bottom: 1px dashed #ccc;
}
.hot_citys a{
  font-size: 10px;
  float: left;
  padding: 5px 8px;
}
.hot_citys a:hover{
  color: #fca806;
}
/*logo和大标题*/
.headline .logo {
  height: 100px;
  width: 170px;
  margin: 0;
  padding: 28px;
}
.headline .logo a {
  display: block;
  height: 100px;
  width: 170px;
  background: url(../img/其他/Logo.png) no-repeat;
  text-indent: -999px;
}
.headline h2 {
  font-size: 30px;
  line-height: 200px;
}
.headline h2 span {
  font-size: 18px;
}

/* 热线电话 */
.Hotline .iconfont {
  color: #25a1d7;
  font-weight: 700;
}
.Hotline a {
  color: #25a1d7;
  font-weight: 700;
}
/* logo */
.nav_content .logo {
  height: 100px;
  width: 170px;
  margin: 0;
  position: absolute;
  left: 19%;
  top: 7%;
}
.nav_content .logo a {
  display: block;
  height: 100px;
  width: 170px;
  background: url(../img/其他/Logo.png) no-repeat;
  text-indent: -999px;
}
/* 导航栏 */
.nav_content {
  width: 100%;
  height: 130px;
}
.nav {
  display: flex;
  position: absolute;
  top: 17%;
  left: 49%;
  transform: translate(-50%, -50%);
}
.nav li {
  float: left;
  position: relative;
  padding: 15px;
  font-size: 16px;
  line-height: 1;
  transition: 0.2s all linear;
  cursor: pointer;
}
.nav_active {
  border-bottom: 2px solid #fca806;
}
.nav li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  border-bottom: 2px solid #fca806;
  transition: 0.2s all linear;
}

.nav li:hover::before {
  width: 100%;
  top: 0;
  left: 0;
  transition-delay: 0.1s;
  border-bottom-color: #fca806;
  z-index: -1;
}

.nav li:hover ~ li::before {
  left: 0;
}
.nav li a:hover {
  color: #fca806;
}
/* 搜索框 */
.nav_search {
  position: absolute;
  left: 65%;
  top: 15%;
  overflow: hidden;
  cursor: pointer;
}
.nav_search input {
  height: 25px;
  width: 186px;
  float: left;
  font-size: 12px;
}
.nav_search a {
  display: block;
  height: 29px;
  width: 52px;
  background: #25a1d7;
  text-align: center;
  float: left;
}
.nav_search .iconfont {
  color: #ffffff;
  height: 29px;
  line-height: 29px;
  font-size: 20px;
}
/* 更多部分 */
.nav_more_hover {
  display: none;
  width: 100%;
  height: 100px;
  background: #f5f5f5;
  position: absolute;
  left: 0%;
  top: 21%;
  z-index: 2;
}
.nav_more_hover .arrow {
  width: 60px;
  height: 50px;
  position: absolute;
  left: 61%;
  top: -50%;
}
.arrow_outer {
  width: 0;
  height: 0;
  display: block;
  border-bottom: 10px solid #f5f5f5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin: 40px auto;
  
}
.nav_more_content ul li {
  float: left;
  height: 100px;
  margin: 14px 7%;
  text-align: center;
}
.nav_more_content .iconfont {
  font-size: 45px;
  color: #666666;
}
.nav_more_content .iconfont:hover{
  color: #fca806;
}
.nav_more_content li a {
  font-size: 12px;
}

/* 尾部 */
footer{
  margin-top: 67px;
  height: 120px;
  background: #000000;
}
.footer_info  li a{
  color: #ffffff;
  font-size: 14px;
  float: left;
  padding-right: 40px;
  padding-top: 20px;
}
.footer_info p{
  color: #999999;
  font-size: 12px;
  padding-top: 10px;
}
.footer_info .iconfont {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
}
.footer_info .icon1{
  color:green;
}
.footer_info .icon2{
  color:red;
}
.footer_info .icon3{
  color:yellow;
}
.footer-company-icp a{
  color: #999999;
}

/* 分页 */
/* 分页 */
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
#test1{
  margin-top: 25px;
  text-align: center;
}